<html>
<head>
	<title>Forrost Logo</title>
	<style>
	.forrost-logo {
		height:600px;
		width:400px;
		margin:50px auto;
		position: relative;
	}

	#logo-tree {
		border-width: 0px 80px 200px 80px;
		border-color:transparent transparent #5b9a68 transparent;
		border-style: solid;
		height: 0;
		width:0;
		position: absolute;
		top:0;
		left:0;
	}

	#logo-trunk {
		height:100px;
		width: 16px;
		background-color: #3b543f;
		position: absolute;
		top:140px;
		left:73px;
	}

	#left-branch,#right-top-branch, #right-bottom-branch {
		height:30px;
		width: 6px;
		-webkit-transform: rotate(-50deg);
		background-color: #3b543f;
		position: absolute;
		left:-15px;

	}

	#right-top-branch, #right-bottom-branch {
		-webkit-transform: rotate(50deg);
	}

	#right-top-branch {
		left:23px;
		top:-5px;
	}
	
	 #right-bottom-branch {
	 	left:23px;
	 	top:20px;
	 }

	</style>
</head>
<body>
	<div class="forrost-logo">
		<div id="logo-tree"></div>
		<div id="logo-trunk">
			<div id="left-branch"></div>
			<div id="right-top-branch"></div>
			<div id="right-bottom-branch"></div>
		</div>
	</div>
</body>
</html>